<template>
  <div class="table-wrapper">
    <el-table
      :data="tableData"
      style="width: 100%"
      height="230"
      class="table-table"
      :cell-style="{
        color: '#fff',
        backgroundColor: '#0d1d4e',
        fontSize: '13px',
        textAlign: 'center',
      }"
      :row-style="{
        color: '#fff',
        backgroundColor: '#0d1d4e',
        fontSize: '13px',
        textAlign: 'center',
      }"
      :header-cell-style="{
        backgroundColor: '#0d1d4e',
        color: '#ffffff',
        fontSize: '15px',
        textAlign: 'center',
      }"
    >
      <el-table-column prop="date1" label="检查项"> </el-table-column>
      <el-table-column prop="name" label="隐患级别"> </el-table-column>
      <el-table-column prop="address" label="状态"> </el-table-column>
      <el-table-column prop="data" label="整改截止日期"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "QualityArea1",
  data() {
    return {
      tableData: [
        {
          date1: "主体结构",
          name: "一般隐患",
          address: "上海市普陀区",
          data: "2022-05-19",
        },
        {
          date1: "主体结构",
          name: "严重隐患",
          address: "上海市普陀区",
          data: "2022-05-19",
        },
        {
          date1: "主体结构",
          name: "重大隐患",
          address: "上海市普陀区",
          data: "2022-05-19",
        },
        {
          date1: "主体结构",
          name: "一般隐患",
          address: "上海市普陀区",
          data: "2022-05-19",
        },
        {
          date1: "主体结构",
          name: "一般隐患",
          address: "上海市普陀区",
          data: "2022-05-19",
        },
        {
          date1: "主体结构",
          name: "一般隐患",
          address: "上海市普陀区",
          data: "2022-05-19",
        },
      ],
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>

</style>


